body {
  background-color:#f3f3f3 !important;
}
a:link , a:visited , a:hover , a:active{
	text-decoration:none !important;
}
*{
	font-family:Microsoft YaHei; 
}
.head{
	position:fixed; top:0; left:0; width:100%;
	height:50px; background:rgba(0,0,0,0); z-index:666;
}
.head .left{
	width:40px; height:40px; margin:5px; float:left; line-height:40px; text-align:center;
	color:#FFF; font-size:14px;
}
.head .left:active{
	color:#e0e0e0;
}
.head .center{
	width:calc( 100% - 100px ); float:left;
}
.head .center input{
	height:35px; margin:7.5px 5%; width:90%; border-radius:17.5px;
}
.head .center p{
	width:100%; height:50px; line-height:50px; text-align:center; color:#FFF;
}
.head .right{
	width:40px; height:40px; margin:5px; float:left; line-height:40px; text-align:center;color:#FFF;
	 font-size:20px;
}
.head .right:active{
	color:#e0e0e0;
}

.foot{
	width:100%; background:#FFF; position:fixed; bottom:0; left:0; z-index:666;
	border-top:1px solid #bcbcbc; height:50px; overflow:hidden;
}
.foot .bttn{
	width:20%; float:left; color:#5D656B;
}
.foot .bttn .img{
	height:30px; line-height:30px; text-align:center; font-size:20px; 
}
.foot .bttn .text{
	height:20px; line-height:20px; text-align:center; 
}
.clear{
	width:100%; height:50px;
}

.typelist{
	width:100%; background-color:#FFF; overflow:auto; margin-top:10px;
}
.typelist .type{
	width:25%; float:left; margin:5px 0;
}
.typelist .type .img{
	width:100%; text-align:center;
}

.typelist .type .img img{
	width:70%;
}
.typelist .type .text{
	width:100%; text-align:center; color:#666;
}


.alltype{
	position:fixed; top:50px; left:0; background:#fff; z-index:666;
	width:100%; min-height: 400px;
}
.alltype .left{
	width:100px; float:left; background: #f5f5f5; height:100%; color: #999999;
}
.alltype .left .type{
	width:100%; text-align:center; 
}
.alltype .right{
	width:calc( 100% - 100px ); float:right;
}

.new_good{
	width:100%; margin-top:10px; overflow:auto;
}
.new_good .good{
	width:48%; margin:5px 1%; background:#fff; float:left;
}
.new_good .good .img{
	width:100%;
}
.new_good .good .img img{
	width:100%;
}

.new_good .good .name{
	width:98%; font-size:13px; line-height: 17px; height:34px; overflow:hidden;
	margin-top: 5px; color: #232326;
    margin-bottom: 3px;
    padding: 0 4px;
}
.new_good .good .price{
	color:#f23030; font-size:18px;
}
.loading{
	width:100%;
}
.loading img{
	width:100%;
}


.cartlist{
	width:100%; margin-top:50px;
}
.cartlist .cart{
	width:100%; background-color:#fff; margin-bottom:10px; overflow:auto;
}
.cartlist .cart .img{
	width:40%; float:left; height:100px;
}
.cartlist .cart .img img{
	width:100%; height:100%;
}
.cartlist .cart .right{
	width:60%; float:right;
}
.cartlist .cart .right .title{
	width:90%; margin:2.5px 5%; line-height:20px; height:40px; overflow:hidden;
}
.cartlist .cart .right .price_del{
	width:90%; margin:0 5%; color:#f23030; line-height:20px; overflow:hidden;
}
.cartlist .cart .right .price_del .price{
	float:left;
}
.cartlist .cart .right .price_del .del{
	float:right; color:#666; font-size:18px; line-height:20px;
}
.cartlist .cart .right .count_del{
	float:left; width:90%;  margin:0 5%; 
}
.cartlist .cart .right .count_del .count{
	width:50%; float:left; 
}
.cartlist .cart .right .count_del .del{
	width:30%; float:right; text-align:right; font-size:18px; color:#666;
}
.cartlist .cart .right .count_del .del:active{
	color:#000;
}

.buy_price{
	width:100%; height:40px; line-height:40px; overflow:hidden; position:fixed; bottom: 50px; left:0;
}
.buy_price .price{
	width:50%; background-color:#fff; color:#666; text-align:center; float:left;
}
.buy_price .price b{
	 color:#f23030; font-size:16px;
}
.buy_price .buy{
	width:50%; background-color:#f23030; color:#fff; float:right; text-align:center;
}

.bbc_input{
	width:100%; position:fixed; bottom:50px; left:0; background-color:#bcbcbc; 
	height:50px; display:none;
}
.bbc_input input[type="text"]{
	width:79%; height:40px; float:left; border:none; margin:5px 0% 5px 1%;
} 
.bbc_input div{
	width:19%; height:40px; color:#fff; float:right; text-align:center; line-height: 27px;margin:5px 1% 5px 0%;
} 
.good_select{
	width:100%; height:40px; line-height:40px; text-align:center; overflow:hidden; position:fixed;top:0;left:0;
	z-index:666;
}
.good_select .select{
	width:33.3%; height:40px; float:left; background:#fff; border-right:1px solid #f3f3f3; color:#666;
}
.good_select .select.active{
	color:#c40000; border-top:2px solid #c40000;
}
.settings{
	width:100%; background:#FFF;
}
.settings h1{
	font-size: 14px;
    color: #051B28;
    padding: 5px 10px;
    height:50px; line-height:20px;
    overflow:hidden; margin:0;
}
.settings h2{
	padding: 5px 10px; color: #dd2727; font-size:16px; margin:0;
}
.settings h2 span{
	font-size:22px;
}
.settings .other{
	padding: 5px 10px; color:#999; overflow:hidden; font-size:12px;
}
.settings .other .o1{
	float:left; width:33.3%; text-align:left;
}
.settings .other .o2{
	float:left; width:33.3%;text-align:center;
}
.settings .other .o3{
	float:left; width:33.3%;text-align:right;
}

.info2{
	width:100%; margin-top:20px;background:#fff; 
}
.info2 .title{
	height:30px; padding-left:20px;line-height:30px; color:#666; border-bottom:1px solid #f3f3f3;
}
.info2 img{
	width:100%;
}

.info3{
	width:100%; margin-top:20px;background:#fff; 
}
.info3 .title{
	height:30px; background:#fff; padding-left:20px;line-height:30px; color:#666; border-bottom:1px solid #f3f3f3;
}

.hover{
    width:100%; height:100%; z-index:1000; position:fixed; top:0;left:0; background:rgba(0,0,0,.6); display:block;
}
.hover .text{
    color:#fff; text-align:center; margin:200px 50px; font-size:16px;
}

.body{
	margin-top:50px;
}
table td img{
	width:30px; height:30px;
}
table tr{
	font-size:12px;
}
table td{
	font-size:12px;
}